
<!DOCTYPE html> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width, target-densityDpi=device-dpi">

<title>API v3</title> 

<style type="text/css">

html, body, #map {margin: 0; padding: 0; width: 100%; height: 100%}

</style>

<script type="text/javascript" src="http://apis.daum.net/maps/maps3.js?apikey=533fab1ac9c100ac4d220841895ca83cd74ad435" charset="utf-8"></script> 

<script type="text/javascript"> 

	var map;
	var icon;
	var marker;
	var infowindow;
	
	function callFromApp(Latitude, Longitude) {
		map = new daum.maps.Map(document.getElementById('map'), {

			center: new daum.maps.LatLng(Latitude, Longitude)

		});	
	
		icon = new daum.maps.MarkerImage(

			'http://dna.daum.net/examples/maps/maps3/flag.png',

			new daum.maps.Size(64, 64),

			new daum.maps.Point(32, 64)

		);

		marker = new daum.maps.Marker({

			position: new daum.maps.LatLng(Latitude, Longitude),

			image : icon

		});

		marker.setMap(map);



		infowindow = new daum.maps.InfoWindow({
			content:'HERE!'
				});



		daum.maps.event.addListener(marker, "click", function() {

				infowindow.open(map, marker);

				

			});



		

		daum.maps.event.addListener(map, "click", function() {

			infowindow.close();

		});	
	}
	
	function init() {
	}	
</script> 

</head> 

<body onload="init()">

	<div id="map"></div>
	
</body> 

</html> 

